{{ header }}
<div id="account-order" class="container">
    <div class="header">
        <h2>{{ heading_title }}</h2>
        <a href="{{ continue }}" class="back"><i class="iconfont icon-flow"></i></a>
    </div>
    <div id="content" class="content">{{ content_top }}
            <h1>{{ heading_title }}</h1>
            {% if orders %}
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                        <tr>
                            <td class="text-right">{{ column_order_id }}</td>
                            <td class="text-left">{{ column_customer }}</td>
                            <td class="text-right hidden">{{ column_product }}</td>
                            <td class="text-left hidden">{{ column_status }}</td>
                            <td class="text-right hidden">{{ column_total }}</td>
                            <td class="text-left">{{ column_date_added }}</td>
                            <td>查看詳情</td>
                        </tr>
                        </thead>
                        <tbody>
                        {% for order in orders %}
                            <tr>
                                <td class="text-right">#{{ order.order_id }}</td>
                                <td class="text-left">{{ order.name }}</td>
                                <td class="text-right hidden">{{ order.products }}</td>
                                <td class="text-left hidden">{{ order.status }}</td>
                                <td class="text-right hidden">{{ order.total }}</td>
                                <td class="text-left">{{ order.date_added }}</td>
                                <td class="text-right"><a href="{{ order.view }}" data-toggle="tooltip"
                                                          title="{{ button_view }}" class="btn btn-info"><i
                                                class="fa fa-eye" style="color: #ffffff"></i></a></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div>
                    <div class="text-left">{{ pagination }}</div>
                    <div class="text-right">{{ results }}</div>
                </div>
            {% else %}
                <p>{{ text_empty }}</p>
            {% endif %}
            <div class="buttons clearfix">
                <div class="pull-right"><a href="{{ continue }}" class="submit-btn">{{ button_continue }}</a></div>
            </div>
            {{ content_bottom }}</div>

</div>
{#{{ footer }}#}
